<div class="row">
  <div class="side">
    <h2>关于我</h2>
    <h3>我喜欢的电影:</h3>

    <div class="search">
      <input type="text" [(ngModel)]="keyword"> -- <button (click)="doSearch()">搜索</button>
      <hr>
    </div>
    <div class="jilu">
      <h3> 搜索记录：</h3>
      <ul>

        <li *ngFor="let item of historyList;let key=index;">{{item}} <button (click)="deleteHistroy(key)">x</button>
        </li>
      </ul>
    </div>

    <div class="tuijian">
      <button (click)="tuijian()">电影推荐</button>
    </div>
    <div class="fakeimg" style="height:auto;">

      <div class="responsive">
        <div class="img2" *ngFor="let item of huoqulist">
          
          <img [src]="main+item.pic" alt="小丑">
         
          <div class="desc2">{{item.movie}}</div>
        </div>
      </div>


    </div><br>

  </div>

  <div class="main">
    <h2>今日推荐</h2>
    <h3>小丑 Joker (2019)</h3>
    <div class="fakeimg" style="height:300px;"><img src="/assets/IMG/joker.jpg" alt="joker" height="300px"> </div>
    <p> 导演: 托德·菲利普斯</p>
    <p>
      电影《小丑》以同名DC漫画角色为基础，由华纳兄弟影业公司发行，计划于2019年10月4日上映。本片的故事将独立于DCEU之外，故事背景设置在20世纪80年代，讲述了一位生活陷入困境的脱口秀喜剧演员渐渐走向精神的崩溃，在哥谭市开始了疯狂的犯罪生涯，最终成为了蝙蝠侠的宿敌“小丑”的故事。
    </p>
    <br>
    <h2>热门电影</h2>
    <h5>今日推荐</h5>
    <div class="fakeimg" style="height:450px;">
      <div class="responsive">
        <div class="img">
          <a target="_blank" href="/assets/IMG/小丑.jpg">
            <img src="/assets/IMG/小丑.jpg" alt="小丑">
          </a>
          <div class="desc">小丑</div>
        </div>
      </div>

      <div class="responsive">
        <div class="img">
          <a target="_blank" href="/assets/IMG/爱尔兰人.jpg">
            <img src="/assets/IMG/爱尔兰人.jpg" alt="爱尔兰人">
          </a>
          <div class="desc">爱尔兰人</div>
        </div>
      </div>

      <div class="responsive">
        <div class="img">
          <a target="_blank" href="/assets/IMG/双子杀手.jpg">
            <img src="/assets/IMG/双子杀手.jpg" alt="双子杀手">
          </a>
          <div class="desc">双子杀手</div>
        </div>
      </div>

      <div class="responsive">
        <div class="img">
          <a target="_blank" href="/assets/IMG/好莱坞往事.jpg">
            <img src="/assets/IMG/好莱坞往事.jpg" alt="好莱坞往事">
          </a>
          <div class="desc">好莱坞往事</div>
        </div>
      </div>

    </div>

  </div>
</div>